<template>
  <!-- 右侧内容区 -->
  <div class="pageMain" ref="scrollerCon">
    <slot></slot>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
let scrollerCon: any = null;
export default defineComponent({
  setup() {
    scrollerCon = ref<HTMLElement>();
    return { scrollerCon };
  },
});
export { scrollerCon };
</script>
<style lang="scss" scoped>
.pageMain {
  padding: 3rem 1rem 2rem 16rem;
  overflow-y: auto;
  height: 100vh;
}
@media screen and (max-width: 790px) {
  .pageMain {
    padding-left: 1rem;
  }
}
</style>
